<template>
  <div class='list'>
    <ul>
      <li v-for="(item, index) in formatListData" :key="index" class="bc-white">
        <p class="title"><span>{{item.sort}}</span><span class="fr">学年：{{item.year||"暂无"}}</span></p>
        <p class="work">工作量：{{item.total}}</p>
        <p class="feed">反馈内容：{{item.feedback}}</p>
      </li>
    </ul>

    <p class="no-data" v-if="formatListData.length===0">暂时没有数据哦~</p>
  </div>
</template>
<script>
export default {
  props:['listData','routerDetail'],
  components: {},
  name: "",
  data() {
    return {};
  },
  computed:{
    formatListData(){
      return this.listData||[]
    }
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
.list {

  li{
    padding: 20px;
    margin-bottom: 15px;

    .title{
      font-size: 14px;
      height: 50px;
      line-height: 50px;
    }
    .work{
      color: #666;
      font-size: 14px;
      line-height: 50px;
      height: 50px;
      border-bottom: 1px solid #ccc;
    }
    .feed{
      font-size: 14px;
      color: #666;
      line-height: 50px;
    }
    p:nth-of-type(n+2){
      margin-top: 5px;
    }
  }
}
</style>